// 菜单Sidebar
// 鼠标 hover 时颜色
//.el-menu-hover-bg-color {
//  background-color: red !important;
//}
// 默认样式修改
.el-menu {
  border-right: none !important;
  width: @sideBarMaxWidth !important;
}


// 菜单字体颜色
.el-menu-item,
.el-sub-menu__title {
  color: @menuText;
}

// 修复点击左侧菜单折叠再展开时，宽度不跟随问题
.el-menu--collapse {
  width: @sideBarMinWidth !important;
}

// 水平菜单、横向菜单高亮 背景色，鼠标 hover 时，有子级菜单的背景色
.el-menu-item.is-active,
.el-sub-menu.is-active .el-sub-menu__title,
.el-sub-menu:not(.is-opened):hover .el-sub-menu__title {
  color: #ffffff;
  background-color: @menuHover !important;
}

// 子级目录
// 子目录高度
.el-menu-item {
  height: 56px !important;
  line-height: 56px !important;
}
// 子级目录鼠标悬浮颜色
.el-menu-item:hover {
  background-color: @subMenuHover !important;
}
// 子级选中，一级打开时的样式
.el-sub-menu.is-active.is-opened .el-sub-menu__title {
  background-color: unset !important;
}
// 子级菜单背景颜色
.el-menu--inline {
  background: @subMenuBg;
}

// 折叠菜单时
// collapse时图标问题
.el-menu-item .el-menu-tooltip__trigger {
  display: inline-block !important;
}
// 菜单收起时，图标不居中问题
.el-menu--collapse {
  .el-sub-menu__title {
    padding-right: 0 !important;
  }
}

// 水平菜单、横向菜单折叠背景色
.el-menu--vertical {
  background: @menuBg;
  .el-sub-menu.is-active .el-sub-menu__title {
    color: @menuActiveText;
  }
  //.el-popper.is-pure.is-light {
  //  .el-menu--vertical {
  //    .el-sub-menu .el-sub-menu__title {
  //      background-color: unset !important;
  //      color: @menuActiveText;
  //    }
  //    .el-sub-menu.is-active .el-sub-menu__title {
  //      color: @menuActiveText;
  //    }
  //  }
  //}
}
// 外部链接时
//.el-menu-item a,
//.el-menu-item a:hover,
//.el-menu-item i,
//.el-sub-menu__title i {
//  color: inherit;
//  text-decoration: none;
//}
// 水平菜单、横向菜单折叠 a 标签
//.el-popper.is-dark a {
//  color: var(--el-color-white) !important;
//  text-decoration: none;
//}
